<template>
	<div class="maintab">
    <tabbar>
    		 <tabbaritem slot="tabbar-item" path="/home" >
    			<img  slot="icon" src="../../../assets/img/tabbar/首页.png" alt="">
    			<img  slot="icon-active" src="../../../assets/img/tabbar/首页 (1).png" alt="">
    			<div slot="text">首页</div>
    		 </tabbaritem>
    		 <tabbaritem slot="tabbar-item" path="/category" >
    		 	<img  slot="icon" src="../../../assets/img/tabbar/分类.png" alt="">
    			<img  slot="icon-active" src="../../../assets/img/tabbar/分类 (1).png" alt="">
    		 	<div slot="text">分类</div>
    		 </tabbaritem>
    		 <tabbaritem slot="tabbar-item" path="/cart" >
    		 	<img  slot="icon" src="../../../assets/img/tabbar/购物.png" alt="">
    			<img  slot="icon-active" src="../../../assets/img/tabbar/购物 (1).png" alt="">
    		 	<div slot="text">购物车</div>
    		 </tabbaritem>
    		 <tabbaritem slot="tabbar-item" path="/profile">
    		 	<img  slot="icon" src="../../../assets/img/tabbar/我的.png" alt="">
    			<img  slot="icon-active" src="../../../assets/img/tabbar/我的 (1).png" alt="">
    		 	<div slot="text">我的</div>
    		 </tabbaritem>
    </tabbar>
  </div>
</template>

<script>
	import tabbar from '../../common/tabbar/tabbar.vue';
	import tabbaritem from '../../common/tabbar/tabbar-item.vue';
	export default{
		components:{
			tabbar,tabbaritem
		}
	}
</script>

<style>
  .maintab{
    z-index: 9;
    position: absolute;
  }
</style>
